<!DOCTYPE html>
<html lang="zh" ng-app="myApp">
	<head>
		<meta charset="UTF-8">
		 <meta name="viewport" content="width=device-width, initial-scale=1">
   		 <meta http-equiv="x-ua-compatible" content="ie=edge">	
		<title>首页</title>
		<link rel="stylesheet" href="libs/bootstrap.css" />
		<script type="text/javascript" src="libs/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="libs/bootstrap.js" ></script>
		<script src="libs/angular-1.3.0.js"></script>
		<!--<script type="text/javascript" src="libs/angular-ui-router.js" ></script>
		<script type="text/javascript" src="libs/angular-animate.js" ></script>
		<script type="text/javascript" src="js/app.js" ></script>-->
	</head>
	<body>		
		<!--<p class="text-left">Left aligned text.</p>
		<p class="text-center">Center aligned text.</p>
		<p class="text-right">Right aligned text.</p>
		<p class="text-justify">Justified text.</p>
		<p class="text-nowrap">No wrap text.</p> 
		<p class="text-lowercase">Lowercased text.</p>
		<p class="text-uppercase">Uppercased text.</p>
		<p class="text-capitalize">Capitalized text.</p>
		<p class="text-muted">Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.</p>
		字体颜色
		<p class="text-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
		<p class="text-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</p>
		<p class="text-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</p>
		<p class="text-warning">Etiam porta sem malesuada magna mollis euismod.</p>
		<p class="text-danger">Donec ullamcorper nulla non metus auctor fringilla.</p>
		白字背景
		<div class="bg-primary">Nullam id dolor id nibh ultricies vehicula ut id elit.</div>
		<div class="bg-success">Duis mollis, est non commodo luctus, nisi erat porttitor ligula.</div>
		<div class="bg-info">Maecenas sed diam eget risus varius blandit sit amet non magna.</div>
		<div class="bg-warning">Etiam porta sem malesuada magna mollis euismod.</div>
		<div class="bg-danger">Donec ullamcorper nulla non metus auctor fringilla.</div>
		浮动
		<div class="pull-left">Float left</div>
		<div class="pull-right">Float right</div>
		父元素清除浮动
		<div class="clearfix">...</div>
		屏幕阅读器
		<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>-->
		<div class="row">
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
  <div class="col-md-1">.col-md-1</div>
</div>
<div class="row">
  <div class="col-md-8">.col-md-8</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
  <div class="col-md-4">.col-md-4</div>
</div>
<div class="row">
  <div class="col-md-6">.col-md-6</div>
  <div class="col-md-6">.col-md-6</div>
</div>
	</body>
</html>
